<template>
<div class="IndexHead">


  <i ><img  class="logoImg" src="../assets/images/logo.jpg"></i><van-search class="search" v-model="value" shape="round"  placeholder="请输入搜索关键词" />
<span>登录</span>


</div>
</template>

<script>

export default {
  name: "IndexHead",
  data() {
    return {
      value: '',
    }
  },
  methods: {}
}


</script>

<style scoped lang="less">
.IndexHead{
  display: flex;
 border-bottom: 1px solid #f1f1f1;
  justify-content: space-around;
  .search{
    width: calc(100% - 120px);
    height: 50px;
  }
  .logoImg{
    height: 37px;
    margin-top: 3px;
    width: 46px;
  }

  span{
    height: 40px;
    margin-top: 12px;
    width: 40px;
    //margin-right: -3px;
    display: block;
  }
}
</style>